<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/views/staticContent/categories/menuCategories.xhtml">
    
      <ui:define name="metaTitle">
         <title>#{staticContextMessages.hairdressingMetaTitle}</title>
      </ui:define>
      <ui:define name="metaDescription">
            <meta name="Description" content="#{staticContextMessages.hairdressingMetaDescription}"></meta>
      </ui:define>
      <ui:define name="metaKeywords">
            <meta name="Keywords" content="#{staticContextMessages.hairdressingKewWord1},#{staticContextMessages.hairdressingKewWord2},#{staticContextMessages.hairdressingKewWord3},#{staticContextMessages.hairdressingKewWord4},#{staticContextMessages.hairdressingKewWord5},#{staticContextMessages.hairdressingKewWord6},#{staticContextMessages.hairdressingKewWord7},#{staticContextMessages.hairdressingKewWord8},#{staticContextMessages.hairdressingKewWord9},#{staticContextMessages.hairdressingKewWord10},#{staticContextMessages.hairdressingKewWord11},#{staticContextMessages.hairdressingKewWord12},#{staticContextMessages.hairdressingKewWord13},#{staticContextMessages.hairdressingKewWord14},#{staticContextMessages.hairdressingKewWord15},#{staticContextMessages.hairdressingKewWord16},#{staticContextMessages.hairdressingKewWord17}"></meta>
       </ui:define>
    
    
    <ui:define name="descriptionContent">
        <h1 class="stepTextTitle titleText upperCase titleFont colorGrey">#{staticContextMessages.hairdressingHeader1}</h1>
                 <div class="noBorder noMargin noPadding">
                     <div style="width: 49%" class=" noBorder noMargin noPadding inlineBlock verticalAlignTop ">
                         <h:outputText styleClass="fontSize100percent block" value="#{staticContextMessages.hairdressingMessage1}"></h:outputText>
                         <p:commandButton style="text-align:center;border:solid 1px;padding: 0px;" styleClass=' marginTop10 redBackgroundStrong registerLandingButton noSmartphone' process="@this" onclick="PF('registerDialog').show()" value="Encontrar empleo"></p:commandButton>
                         <p:commandButton style="text-align:center;border:solid 1px;padding: 0px;" styleClass=' marginTop10 redBackgroundStrong registerLandingButton displayNone smartphone' process="@this" action="/views/smartphone/Register?faces-redirect=true" value="Encontrar empleo"></p:commandButton>
                    </div>
                     <div style="width: 49%" class=" noBorder noMargin noPadding inlineBlock verticalAlignTop ">
                        <h:outputText styleClass="fontSize100percent block" value="#{staticContextMessages.hairdressingMessage2}"></h:outputText>
                        <p:commandButton style="text-align:center;border:solid 1px;padding: 0px;" styleClass='marginTop10 blueBackgroundStrong registerLandingButton' process="@parent" action="/index?faces-redirect=true" value="¿Cómo funciona?"></p:commandButton>
                    </div>
                     
                 </div>
                 <h2  class="stepTextTitle marginTop20 upperCase subTitleText titleFont colorGrey">#{staticContextMessages.hairdressingHeader2}</h2>
                 <div class="textAlignJustify marginTop10">
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.hairdressingMessage3}"></h:outputText>
                    <strong>#{staticContextMessages.hairdressingMessage4}</strong>
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.hairdressingMessage5}"></h:outputText>
                </div>
                <div class="textAlignJustify marginTop10">
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.hairdressingMessage6}"></h:outputText>
                    <strong>#{staticContextMessages.hairdressingMessage7}</strong>
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.hairdressingMessage8}"></h:outputText>
                    <strong>#{staticContextMessages.hairdressingMessage9}</strong>
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.hairdressingMessage10}"></h:outputText>
                    <strong>#{staticContextMessages.hairdressingMessage11}</strong>
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.hairdressingMessage12}"></h:outputText>
                </div>
                <h:outputText styleClass="contentText block textAlignJustify marginTop10"  value="#{staticContextMessages.hairdressingMessage13}"></h:outputText>
                <h2  class="stepTextTitle marginTop20 upperCase titleFont subTitleText colorGrey">#{staticContextMessages.hairdressingHeader3}</h2>
                <h:outputText styleClass="contentText block textAlignJustify marginTop10" value="#{staticContextMessages.hairdressingMessage14}"></h:outputText>
                <h:outputText styleClass="contentText block textAlignJustify marginTop10" value="#{staticContextMessages.hairdressingMessage15}"></h:outputText>
                <div class="textAlignJustify marginTop10">
                   <h:outputText styleClass="contentText"  value="#{staticContextMessages.hairdressingMessage16}"></h:outputText>
                   <strong>#{staticContextMessages.hairdressingMessage17}</strong>
                </div>
                <h:outputText styleClass="contentText block textAlignJustify marginTop10"  value="#{staticContextMessages.hairdressingMessage18}"></h:outputText>
                <div style="margin-top: 20px;margin-bottom: 20px;" class="whiteBackground inlineBlock">
                    <p:commandButton style="text-align:center;border:solid 1px;margin:0px;padding: 0px;float: left;" styleClass='redBackgroundStrong registerLandingButton floatLeft noSmartphone' process="@this" onclick="PF('registerDialog').show()" value="Resgístrate"></p:commandButton>
                    <p:commandButton style="text-align:center;border:solid 1px;margin:0px;padding: 0px;float: left;" styleClass=' redBackgroundStrong registerLandingButton floatLeft displayNone smartphone' process="@this" action="/views/smartphone/Register?faces-redirect=true" value="Resgístrate"></p:commandButton>
                 </div>
    </ui:define>

</ui:composition>
</html>